import {Component} from 'react'
import { unmountComponentAtNode } from 'react-dom';

export default class LifeCylce extends Component {
    constructor(props){
        super(props)
        console.log("constructor 执行了")
    }

    state = {
        hello:"world"
    }
    // 不推荐使用,官方推荐用constructor和componentDidMount来进行代替
    // componentWillMount(){
    //     console.log("组件将要加载~");
    // }

    componentDidMount(){
        console.log("组件加载完毕~");
    }

    // 不推荐使用，官方推荐用getSnapshotBeforeUpdate或
    // componentWillUpdate(){
    //     console.log("组件将要更新~");
    // }

    getSnapshotBeforeUpdate(){
        console.log("组件将要更新~");
    }

    componentDidUpdate(){
        console.log("组件更新完毕~");
    }

    componentDidMount(){
        console.log("组件更新完毕~");
    }

    componentWillUnmount(){
        console.log("组件将要被移除~");
    }


    render(){
        console.log("执行了render");
        return (
            <>
            <h2>组件生命周期</h2>
            </>
        )
    }
}